<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>USERDETAIL</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" th:href="@{/LoginStyle/css/bootstrap.min.css}">

    <!-- Customizable CSS -->
    <link rel="stylesheet" href="assets/css/main.css" th:href="@{/indexStyle/css/main.css}">
    <link rel="stylesheet" href="assets/css/blue.css" th:href="@{/indexStyle/css/blue.css}">
    <link rel="stylesheet" href="assets/css/owl.carousel.css" th:href="@{/indexStyle/css/owl.carousel.css}">
    <link rel="stylesheet" href="assets/css/owl.transitions.css" th:href="@{/indexStyle/css/owl.transitions.css}">
    <link rel="stylesheet" href="assets/css/animate.min.css" th:href="@{/indexStyle/css/animate.min.css}">
    <link rel="stylesheet" href="assets/css/rateit.css" th:href="@{/indexStyle/css/rateit.css}">
    <link rel="stylesheet" href="assets/css/bootstrap-select.min.css"
          th:href="@{/indexStyle/css/bootstrap-select.min.css}">
    <link rel="stylesheet" href="button.css" th:href="@{/indexStyle/css/button.css}">

    <!-- Icons/Glyphs -->
    <link rel="stylesheet" href="assets/css/font-awesome.css" th:href="@{/indexStyle/css/font-awesome.css}">
    <style>
        .sns-box {
            border-left: 1px solid #000;
            padding-top: 30px;
            padding-left: 65px;
        }

        .ul-box li {
            margin-bottom: 30px;
        }

        .ul-box span,
        .ul-box span img {
            float: left;
        }

        .ul-box span {
            color: #66667F;
            width: 60px;
            margin-right: 20px;
        }

        .ul-box input {
            background-color: #F2F3F7;
            border: none;
            border-bottom: 1px solid #BDC0CC;
        }

        .ul-box label {
            margin-right: 15px;
        }

        .font-box {
            font-size: 18px;
        }

        .dr {
            margin-left: 80px;
        }
    </style>
</head>

<body class="cnt-home">
<header th:replace="~{user/fragment/IndexHeader:: indexHeader}"></header>
<div class="body-content outer-top-xs">
    <div class='container'>
        <div class='row'>
            <div class='col-xs-12 col-sm-12 col-md-3 sidebar'>
                <!-- ================================== TOP NAVIGATION ================================== -->
                <div class="side-menu animate-dropdown outer-bottom-xs">
                    <div class="head"><i class="icon fa fa-align-justify fa-fw"></i> 账户管理</div>
                    <nav class="yamm megamenu-horizontal">
                        <ul class="nav">
                            <li>
                                <a href="userdetail.html" class="dropdown-toggle active" th:href="@{/User/userdetail}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>个人信息</a>
                            </li>
                            <li>
                                <a href="useraddress.html" class="dropdown-toggle " th:href="@{/User/useraddress}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>收货地址</a>
                            </li>
                            <li>
                                <a href="userwishlist.html" class="dropdown-toggle" th:href="@{/User/userwishlist}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>收藏</a>
                            </li>
                            <li>
                                <a href="usercart.html" class="dropdown-toggle" th:href="@{/User/usercart}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>购物车</a>
                            </li>
                            <li>
                                <a href="changepwd.html" class="dropdown-toggle" th:href="@{/User/changepwd}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>更改密码</a>
                            </li>
                            <li>
                                <a href="userorder.html" class="dropdown-toggle " th:href="@{/User/userorder}">
                                    <i class="icon fa fa-shopping-bag" aria-hidden="true"></i>订单</a>
                            </li>
                        </ul>
                        <!-- /.nav -->
                    </nav>
                    <!-- /.megamenu-horizontal -->
                </div>
                <!-- /.side-menu -->
            </div>
            <div class="col-xs-12 col-sm-12 col-md-9">
                <div class="sns-box ">
                    <ul class="ul-box">
                        <li>
                            <div class="font-box">亲爱的<b th:text="${session.userName}">d********f</b>，填写真实的资料，有助于好友找到你哦。
                            </div>
                        </li>
                        <li>
                            <span>当前头像:</span>
                            <a href="#"><img src="assets\image\touxiang.jfif"
                                             th:src="@{/indexStyle/images/touxiang.jfif}"></a>
                        </li>
                        <li>
                            <span>昵称:</span> <input type="text" name="" id=""
                                                    th:value="${user.userName}!=null?${user.userName}:还未添加此信息">
                        </li>
                        <li>
                            <span>真实姓名:</span> <input type="text" name="" id=""
                                                      th:value="${user.userRname}!=null?${user.userRname}:还未添加此信息">
                        </li>
                        <li>
                            <span>邮箱:</span> <input type="email" name="" id=""
                                                    th:value="${user.userEmail}!=null?${user.userEmail}:还未添加此信息">
                        </li>
                        <li>
                            <span>手机:</span> <input type="text" name="" id=""
                                                    th:value="${user.userPhone}!=null?${user.userPhone}:还未添加此信息">
                        </li>
                        <li>
                            <span>性别:</span> <label><input type="radio" name="sex" value="1">男</label>
                            <label><input type="radio" name="sex" value="2">女</label>
                            <label><input type="radio" name="default" value="0">保密</label>
                        </li>
                        <li>
                            <span>学校:</span>
                            <select>
                                <option value="0" th:text="${user.userSchool}">四川轻化工大学</option>
                            </select>
                        </li>
                        <li>
                            <span>专业:</span> <input type="text" name="" id="" th:value="${user.userMajor}">
                        </li>
                    </ul>
                    <div class="button dr">
                        <a href="#">保存</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<script src="assets/js/jquery-1.11.1.min.js" th:src="@{/LoginStyle/js/jquery.min.js}"></script>
<script src="assets/js/bootstrap.min.js" th:src="@{/LoginStyle/js/bootstrap.min.js}"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"
        th:src="@{/indexStyle/js/bootstrap-hover-dropdown.min.js}"></script>
<script src="assets/js/owl.carousel.min.js" th:src="@{/indexStyle/js/owl.carousel.min.js}"></script>
<script src="assets/js/echo.min.js" th:src="@{/indexStyle/js/echo.min.js}"></script>
<script src="assets/js/jquery.easing-1.3.min.js" th:src="@{/indexStyle/js/jquery.easing-1.3.min.js}"></script>
<script src="assets/js/bootstrap-slider.min.js" th:src="@{/indexStyle/js/bootstrap-slider.min.js}"></script>
<script src="assets/js/jquery.rateit.min.js" th:src="@{/indexStyle/js/jquery.rateit.min.js}"></script>
<script src="assets/js/lightbox.min.js" th:src="@{/indexStyle/js/lightbox.min.js}"></script>
<script src="assets/js/bootstrap-select.min.js" th:src="@{/indexStyle/js/bootstrap-select.min.js}"></script>
<script src="assets/js/wow.min.js" th:src="@{/indexStyle/js/wow.min.js}"></script>
<script src="assets/js/scripts.js" th:src="@{/indexStyle/js/scripts.js}"></script>
<script th:src="@{/indexStyle/js/indexHeader.js}"></script>
</body>

</html>